<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <title>Getting Started</title>
    <link rel="stylesheet" href="/assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="/assets/fonts/ionicons.min.css">
    <link rel="stylesheet" href="/assets/css/Footer-Clean.css">
    <link rel="stylesheet" href="/assets/css/Navigation-with-Button.css">
    <link rel="stylesheet" href="/assets/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="/assets/css/style.css">


<!--    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">-->
    <script src="http://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<!--    <script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>-->



</head>

<body>
    <img src="assets/img/logo.png" width="100%">
    <div>
        <nav class="navbar navbar-light navbar-expand-md navigation-clean-button" style="background:#C40305;">
            <div class="container">
                <div style="margin-right: 60px;">
                    <a class="navbar-brand" href="#">党支部</a>
                    <button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="navbar-toggler-icon"></span>
                    </button>
                </div>

                <div class="collapse navbar-collapse" id="navcol-1">
                    <ul class="nav  navbar-nav mr-auto" data-in="fadeInDown" data-out="fadeOutUp">
                        <li class="nav-item" role="presentation">
                            <a class="nav-link active" style="width:150px;margin-right: -20px;" href="#">首页</a>
                        </li>
                        <li class="dropdown nav-item">
                            <a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#" style="width:150px;"> 第一支部</a>
                            <ul class="dropdown-menu sidebar" role="menu" style="background:red;min-width:100%;border:none;">
                                <li><a class="dropdown-item" role="presentation" href="#">低年级</a></li>
                                <li><a class="dropdown-item" role="presentation" href="#">大四</a></li>
                                <li><a class="dropdown-item" role="presentation" href="#">研究生</a></li>
                            </ul>
                        </li>
                        <li class="dropdown nav-item">
                            <a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#" style="width:150px;"> 第二支部</a>
                            <ul class="dropdown-menu sidebar" role="menu" style="background:red;min-width:100%;border:none;">
                                <li><a class="dropdown-item" role="presentation" href="#">低年级</a></li>
                                <li><a class="dropdown-item" role="presentation" href="#">大四</a></li>
                                <li><a class="dropdown-item" role="presentation" href="#">研究生</a></li>
                            </ul>
                        </li>
                        <li class="dropdown nav-item">
                            <a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#" style="width:150px;"> 第三支部</a>
                            <ul class="dropdown-menu sidebar" role="menu" style="background:red;min-width:100%;border:none;">
                                <li><a class="dropdown-item" role="presentation" href="#">低年级</a></li>
                                <li><a class="dropdown-item" role="presentation" href="#">大四</a></li>
                                <li><a class="dropdown-item" role="presentation" href="#">研究生</a></li>
                            </ul>
                        </li>
                        <li class="dropdown nav-item">
                            <a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#" style="width:150px;"> 第四支部</a>
                            <ul class="dropdown-menu sidebar" role="menu" style="background:red;min-width:100%;border:none;">
                                <li><a class="dropdown-item" role="presentation" href="#">低年级</a></li>
                                <li><a class="dropdown-item" role="presentation" href="#">大四</a></li>
                                <li><a class="dropdown-item" role="presentation" href="#">研究生</a></li>
                            </ul>
                        </li>
                        <li class="nav-item" role="presentation">
<!--                            <a class="nav-link" style="width:150px;margin-right: -20px;"  href="" data-target="#login">党建活动</a>-->
                            <a class="nav-link" style="width:150px;margin-right: -20px;" data-toggle="modal" data-target="#login" href=""><span class="glyphicon glyphicon-log-in"></span> 党建活动</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
    <div class="swiper-container gallery-top">
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="background-image:url(assets/img/nature-1.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(assets/img/nature-2.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(assets/img/nature-3.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(assets/img/nature-4.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(assets/img/nature-5.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(assets/img/nature-6.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(assets/img/nature-7.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(assets/img/nature-8.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(assets/img/nature-9.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(assets/img/nature-10.jpg)"></div>
        </div>
        <!-- Add Arrows -->
        <div class="swiper-button-next swiper-button-white"></div>
        <div class="swiper-button-prev swiper-button-white"></div>
    </div>
    <div class="swiper-container gallery-thumbs">
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="background-image:url(assets/img/nature-1.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(assets/img/nature-2.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(assets/img/nature-3.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(assets/img/nature-4.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(assets/img/nature-5.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(assets/img/nature-6.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(assets/img/nature-7.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(assets/img/nature-8.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(assets/img/nature-9.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(assets/img/nature-10.jpg)"></div>
        </div>
    </div>

    <!-- Initialize Swiper -->
    <script src="/assets/js/swiper-bundle.min.js"></script>
    <script>
        var galleryThumbs = new Swiper('.gallery-thumbs', {
            spaceBetween: 10,
            slidesPerView: 4,
            loop: true,
            // autoplay: {
            //     delay: 2500,
            //     disableOnInteraction: false,
            // },
            freeMode: true,
            loopedSlides: 5, //looped slides should be the same
            watchSlidesVisibility: true,
            watchSlidesProgress: true,
        });
        var galleryTop = new Swiper('.gallery-top', {
            spaceBetween: 10,
            loop: true,
            // autoplay: {
            //     delay: 2500,
            //     disableOnInteraction: false,
            // },
            loopedSlides: 5, //looped slides should be the same
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            thumbs: {
                swiper: galleryThumbs,
            },
        });
    </script>
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-md-pull-8 text-right intro" >
                <div class="col-md-12">
                    <ul class="title1">
                        <a href="" title="通知公告">
                            <span class="more">more+</span>
                        </a>
                        <li class="zw">通知公告</li>
                        <li class="yw"> / Announcement </li>
                    </ul>
                </div>
                <div class="col-md-12" >
                    <ul class="news" >
                        <li th:each="news:${news1}" th:if="${newsStat.index} lt 6">
                            <span>[[${#dates.format(news.newsDate,'yyyy-MM-dd')}]]</span>
                            <a href="#">
                                [[${news.newsTitle}]]
                            </a>
                        </li>
                    </ul>
                </div>
            </div>


            <div class="col-md-push-8"><br></div>


            <div class="col-md-4 col-md-pull-8 text-right intro">
                <div class="col-md-12">
                    <ul class="title1">
                        <a href="" title="新闻中心">
                            <span class="more">more+</span>
                        </a>
                        <li class="zw">新闻中心</li>
                        <li class="yw"> / news </li>
                    </ul>
                </div>
                <div class="col-md-12">
                    <ul class="news">
                        <li th:each="news:${news2}" th:if="${newsStat.index} lt 6">
                            <span>[[${#dates.format(news.newsDate,'yyyy-MM-dd')}]]</span>
                            <a href="#">
                                [[${news.newsTitle}]]
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="col-md-push-8"><br></div>

            <div class="col-md-4 col-md-pull-8 text-right intro">
                <div class="col-md-12">
                    <ul class="title1">
                        <a href="" title="竞赛天地">
                            <span class="more">more+</span>
                        </a>
                        <li class="zw">竞赛天地</li>
                        <li class="yw"> / Competition </li>
                    </ul>
                </div>
                <div class="col-md-12">
                    <ul class="news">
                        <li th:each="news:${news3}" th:if="${newsStat.index} lt 6">
                            <span>[[${#dates.format(news.newsDate,'yyyy-MM-dd')}]]</span>
                            <a href="#">
                                [[${news.newsTitle}]]
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-md-push-8"><br></div>
        </div>
    </div>
    <div class="container tab2">
        <div class="row">
            <div class="col-md-4 col-md-pull-8 text-right intro" >
                <div class="col-md-12">
                    <ul class="title1 title2" >
                        <span class="more">
                            <a href="#" title="基层建党">more+</a>
                        </span>
                        <li class="zw" >
                            党建工作1
                            <img src="assets/img/line3.png" alt="">
                        </li>
                    </ul>
                </div>
                <div class="col-md-12">
                    <ul class="news">
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="软件学院2020/2021学年第一学期拟接收第二批预备党员公示">软件学院2020/2021学年第一学期拟接收第二批预备党员公示</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="中北大学党建“双创”评估验收组莅临软件学院检查指导">中北大学党建“双创”评估验收组莅临软件学院检查指导</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="学院召开党委会全力加强师德师风建设">学院召开党委会全力加强师德师风建设</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="软件学院2020年春季校、院党课名单公示">软件学院2020年春季校、院党课名单公示</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="雷锋斌副校长带队到学院进行新冠肺炎疫情防控开学验收工作">雷锋斌副校长带队到学院进行新冠肺炎疫情防控开学验收工作</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="学院开展重温习近平总书记“三篇光辉文献”第二次集中学习活动">学院开展重温习近平总书记“三篇光辉文献”第二次集中学习活动</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="学院开展“清扫校园积雪，创设美好环境”主题党日活动">学院开展“清扫校园积雪，创设美好环境”主题党日活动</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="软件学院成功举办第三十期院党课培训">软件学院成功举办第三十期院党课培训</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="学院召开中心组学习暨党建工作部署会议">学院召开中心组学习暨党建工作部署会议</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="学院党委开展迎“七一”主题系列党日活动">学院党委开展迎“七一”主题系列党日活动</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-md-push-8"><br></div>
            <div class="col-md-4 col-md-pull-8 text-right intro">
                <div class="col-md-12">
                    <ul class="title1 title2">
                        <span class="more">
                            <a href="#" title="基层建党">more+</a>
                        </span>
                        <li class="zw">
                            党建工作2
                            <img src="assets/img/line3.png" alt="">
                        </li>
                    </ul>
                </div>
                <div class="col-md-12">
                    <ul class="news">
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="软件学院2020/2021学年第一学期拟接收第二批预备党员公示">软件学院2020/2021学年第一学期拟接收第二批预备党员公示</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="中北大学党建“双创”评估验收组莅临软件学院检查指导">中北大学党建“双创”评估验收组莅临软件学院检查指导</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="学院召开党委会全力加强师德师风建设">学院召开党委会全力加强师德师风建设</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="软件学院2020年春季校、院党课名单公示">软件学院2020年春季校、院党课名单公示</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="雷锋斌副校长带队到学院进行新冠肺炎疫情防控开学验收工作">雷锋斌副校长带队到学院进行新冠肺炎疫情防控开学验收工作</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="学院开展重温习近平总书记“三篇光辉文献”第二次集中学习活动">学院开展重温习近平总书记“三篇光辉文献”第二次集中学习活动</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="学院开展“清扫校园积雪，创设美好环境”主题党日活动">学院开展“清扫校园积雪，创设美好环境”主题党日活动</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="软件学院成功举办第三十期院党课培训">软件学院成功举办第三十期院党课培训</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="学院召开中心组学习暨党建工作部署会议">学院召开中心组学习暨党建工作部署会议</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="学院党委开展迎“七一”主题系列党日活动">学院党委开展迎“七一”主题系列党日活动</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-md-push-8"><br></div>
            <div class="col-md-4 col-md-pull-8 text-right intro">
                <div class="col-md-12">
                    <ul class="title1 title2">
                        <span class="more">
                            <a href="#" title="基层建党">more+</a>
                        </span>
                        <li class="zw">
                            党建工作3
                            <img src="assets/img/line3.png" alt="">
                        </li>
                    </ul>
                </div>
                <div class="col-md-12">
                    <ul class="news">
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="关于举行2020年“七一”新党员宣誓大会的通知">软件学院2020/2021学年第一学期拟接收第二批预备党员公示</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="关于举行2020年“七一”新党员宣誓大会的通知">中北大学党建“双创”评估验收组莅临软件学院检查指导</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="关于举行2020年“七一”新党员宣誓大会的通知">学院召开党委会全力加强师德师风建设</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="关于举行2020年“七一”新党员宣誓大会的通知">软件学院2020年春季校、院党课名单公示</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="关于举行2020年“七一”新党员宣誓大会的通知">雷锋斌副校长带队到学院进行新冠肺炎疫情防控开学验收工作</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="关于举行2020年“七一”新党员宣誓大会的通知">学院开展重温习近平总书记“三篇光辉文献”第二次集中学习活动</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="关于举行2020年“七一”新党员宣誓大会的通知">学院开展“清扫校园积雪，创设美好环境”主题党日活动</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="关于举行2020年“七一”新党员宣誓大会的通知">软件学院成功举办第三十期院党课培训</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="关于举行2020年“七一”新党员宣誓大会的通知">学院召开中心组学习暨党建工作部署会议</a>
                        </li>
                        <li>
                            <span>2020-11-22</span>
                            <a href="#" title="关于举行2020年“七一”新党员宣誓大会的通知">学院党委开展迎“七一”主题系列党日活动</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-md-push-8"><br></div>
        </div>
    </div>





    <!-- 登录窗口 -->
    <div id="login" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <button class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-title">
                <h1 class="text-center">请先登录</h1>
            </div>
            <div class="modal-body">

            <form class="form-group" method="post" th:action="@{/qianduan/login}">
                <div class="form-group"><p th:text="${msg}" style="color:red"></p></div>
                <div class="form-group">
                    <label for="">用户名</label>
                    <input class="form-control" type="text" placeholder="请输入学号" name="userId" required>
                </div>
                <div class="form-group">
                    <label for="">密码</label>
                    <input class="form-control" type="password" placeholder="请输入密码" name="userPwd" required>
                </div>
                <div class="form-group">
                    <label for="">身份</label>
                    <div class="radio">
                        <label>
                            <input type="radio" name="optionsRadios" id="optionsRadios1"
                                   value="0" checked>教师管理组
                        </label>
                    </div>
                    <div class="radio">
                        <label>
                            <input type="radio" name="optionsRadios" id="optionsRadios2"
                                   value="1">
                            学生
                        </label>
                    </div>
<!--                        <input class="form-control" type="password" placeholder="请输入密码" name="userPwd">-->
                </div>
                <div class="text-right">
                    <button class="btn btn-primary" type="submit">登录</button>
                    <button class="btn btn-danger" data-dismiss="modal">取消</button>
                </div>
                <a href="" data-toggle="modal" data-dismiss="modal" data-target="#register">还没有账号？点我注册</a>
            </form>
            </div>
        </div>
    </div>
    </div>




    <div class="footer-clean" style="background-color: red;color: white;">
        <footer>
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-sm-4 col-md-3 item">
                        <h3>校内处室</h3>
                        <ul>
                            <li><a href="#">教务处</a></li>
                            <li><a href="#">党委教师工作部</a></li>
                            <li><a href="#">学科建设与学位办公室</a></li>
                        </ul>
                    </div>
                    <div class="col-sm-4 col-md-3 item">
                        <h3>联盟</h3>
                        <ul>
                            <li><a href="#">示范性软件学院联盟</a></li>
                            <li><a href="#">中国软件行业学会</a></li>
                            <li><a href="#">信息技术新工科产学研联盟</a></li>
                        </ul>
                    </div>
                    <div class="col-sm-4 col-md-3 item">
                        <h3>学会</h3>
                        <ul>
                            <li><a href="#">科研院</a></li>
                            <li><a href="#">学生工作处（部） success</a></li>
                            <li><a href="#">中国计算机学会</a></li>
                        </ul>
                    </div>
                    <div class="col-lg-3 item social"><a href="#"><i class="icon ion-social-facebook"></i></a><a href="#"><i class="icon ion-social-twitter"></i></a><a href="#"><i class="icon ion-social-snapchat"></i></a><a href="#"><i class="icon ion-social-instagram"></i></a>
                        <p class="copyright">
                            版权所有：中北大学 <br>地址：山西省太原市学院路3号</p>
                    </div>
                </div>
            </div>
        </footer>
    </div>
    <script src="/assets/js/jquery.min.js"></script>
    <script src="/assets/js/bootstrap.min.js"></script>
</body>

</html>